/** ele admin dark theme license by http://eleadmin.com */
/** 自定义dark样式变量 */

// $--color-white: #141414 !default;
$--color-white: #1f1f1f !default;
$--color-black: #ffffff !default;

$--color-info: #909399 !default;

$--color-success-light: #274916 !default;
$--color-warning-light: #594214 !default;
$--color-danger-light: #58181c !default;
$--color-info-light: #58595c !default;

$--color-success-lighter: #162312 !default;
$--color-warning-lighter: #2b2111 !default;
$--color-danger-lighter: #2a1215 !default;
$--color-info-lighter: #2a2b2b !default;

$--color-text-primary: #f2f2f2 !default;
// $--color-text-primary: #40AFFF !default;
$--color-text-regular: #bfbfbf !default;
// $--color-text-regular: #40AFFF !default;
$--color-text-secondary: #8c8c8c !default;
$--color-text-placeholder: #595959 !default;

// Border
// $--border-color-base: #434343 !default;
$--border-color-base: #5991CD !default;
$--border-color-light: #303030 !default;
// $--border-color-lighter: #28476A !default;
$--border-color-lighter: #28476A !default;
$--border-color-extra-light: #202020 !default;

// Background
$--background-color-base: #262626 !default;

// Box-shadow
$--box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2) !default;
$--box-shadow-light: $--box-shadow-base !default;

// Typography
$--font-color-disabled-base: $--color-text-placeholder !default;

// Icon
$--icon-color: $--color-text-regular !default;
$--checkbox-disabled-input-fill: $--background-color-base !default;
$--checkbox-checked-icon-color: $--color-black !default;
$--checkbox-button-checked-font-color: $--color-black !default;

// Checkbox
$--checkbox-background-color: transparent !default;

// Radio
$--radio-input-background-color: transparent !default;
$--radio-icon-color: $--color-black !default;
$--radio-checked-icon-color: transparent !default;
$--radio-button-checked-font-color: $--color-black !default;

// Input
$--input-background-color: transparent !default;

// Cascader
$--cascader-tag-background: $--color-info-lighter !default;

// Group
$--group-option-fill-hover: $--background-color-base !default;
$--group-title-color: $--color-text-primary !default;

// Tab
$--tab-border-line: 1px solid $--border-color-light !default;
$--tab-header-fill-active: $--background-color-base !default;
$--tab-header-fill-hover: $--background-color-base !default;
$--tab-vertical-header-count-color: $--color-black !default;

// Button
$--button-default-background-color: transparent !default;
$--button-disabled-background-color: transparent !default;
$--button-primary-font-color: $--color-black !default;
$--button-success-font-color: $--color-black !default;
$--button-warning-font-color: $--color-black !default;
$--button-danger-font-color: $--color-black !default;
$--button-info-font-color: $--color-black !default;

// Table
$--table-header-background-color: rgba(89,145,205,0.2) !default;
$--table-fixed-box-shadow: $--box-shadow-base !default;

// Popup
$--popup-modal-background-color: #000000 !default;

// Popover
// $--popover-background-color: #1f1f1f !default;
$--popover-background-color: #041322 !default;

// Dialog
$--dialog-background-color: $--popover-background-color !default;
$--dialog-box-shadow: $--box-shadow-base !default;

// Select
$--select-multiple-input-color: $--color-text-regular !default;
$--select-dropdown-background: $--popover-background-color !default;
$--select-dropdown-empty-color: $--color-text-secondary !default;

// Tooltip
$--tooltip-fill: #434343 !default;
$--tooltip-color: $--color-black !default;
$--tooltip-border-color: $--tooltip-fill !default;

// DatePicker
$--datepicker-inner-border-color: $--border-color-light !default;

// Scrollbar
$--scrollbar-background-color: rgba(140, 140, 140, 0.3) !default;
$--scrollbar-hover-background-color: rgba(140, 140, 140, .5) !default;

// Avatar
$--avatar-background-color: #444444 !default;

// Skeleton
$--skeleton-color: rgba(190, 190, 190, .1) !default;
$--skeleton-to-color: rgba(255, 255, 255, .16) !default;

// Svg
$--svg-monochrome-grey: #a4a4a4 !default;

// 框架布局
// $--layout-body-background: #000000 !default;
$--layout-body-background: #1f1f1f !default;

// $--layout-body-background: rgba(2,16,30,0.6) !default;
// $--layout-body-background: linear-gradient(270deg, #03101E 0%, #04111F 100%) !default;



// 侧边栏
$--sidebar-light-shadow: 0 4px 4px rgba(0, 0, 0, .6) !default;
$--sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, .6) !default;

// 顶栏
$--header-light-shadow: 0 1px 4px rgba(0, 0, 0, .6) !default;
$--header-dark-shadow: 0 1px 4px rgba(0, 0, 0, .6) !default;
$--header-tool-hover-bg: rgba(255, 255, 255, .05) !default;

// logo
$--logo-light-shadow: 0 3px 4px rgba(0, 0, 0, .6) !default;
$--logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, .6) !default;

// 菜单menu
$--menu-dark-background: #1f1f1f !default;


// Image
$--content-image-filter: brightness(0.7) !default;

// 组件样式
// @import './default.scss';
$--cascader-tag-background: $--color-info-lighter;

// pagination.scss
.el-pagination.is-background .el-pager li:not(.disabled).active {
  color: $--color-black;
}

// dropdown.scss
.el-dropdown-menu {
  background-color: $--popover-background-color;
}

.el-dropdown-menu__item--divided:before {
  background-color: $--popover-background-color;
}

// menu.scss
.el-menu {
  border-right: 1px solid $--border-color-lighter;
}

.el-menu.el-menu--horizontal {
  border-bottom: solid 1px $--border-color-lighter;
}

// radio.scss
// .el-radio__inner::after {
//   width: 8px;
//   height: 8px;
//   background-color: $--color-primary;
// }

// switch.scss
.el-switch__core:after {
  background-color: $--color-black;
}

// select.scss
.el-select .el-tag {
  background-color: $--color-info-lighter;
}

// tag.scss
.el-tag--dark {
  color: $--color-black;

  &.el-tag--info,
  &.el-tag--success,
  &.el-tag--warning,
  &.el-tag--danger {
    color: $--color-black;
  }

  .el-tag__close {
    color: $--color-black;

    &:hover {
      color: $--color-black;
    }
  }
}

// table.scss
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: $--background-color-base;
}

.el-table-filter {
  background-color: $--popover-background-color;
}

// date-picker/date-table.scss
.el-date-table td.end-date div,
.el-date-table td.start-date div {
  color: $--color-black;
}

.el-date-table td.current:not(.disabled) span {
  color: $--color-black;
}

.el-date-table td.selected span {
  color: $--color-black;
}

// date-picker/month-table.scss
.el-month-table td.today.start-date .cell,
.el-month-table td.today.end-date .cell {
  color: $--color-black;
}

.el-month-table td.start-date div,
.el-month-table td.end-date div {
  color: $--color-black;
}

.el-month-table td.start-date .cell,
.el-month-table td.end-date .cell {
  color: $--color-black;
}

// date-picker/picker-panel.scss
.el-picker-panel {
  background: $--popover-background-color;
}

.el-picker-panel__footer {
  background: none;
}

// .el-picker-panel__shortcut.active {
//   background-color: $--color-primary-light-9;
// }

.el-picker-panel__btn {
  border: 1px solid $--border-color-base;
  color: $--color-text-primary;
}

.el-picker-panel__btn[disabled] {
  color: $--color-text-placeholder;
}

.el-picker-panel *[slot=sidebar],
.el-picker-panel__sidebar {
  background: none;
}

// date-picker/date-range-picker.scss
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  background: $--popover-background-color;
}

// date-picker/time-picker.scss
.el-time-panel {
  background-color: $--popover-background-color;
}

// message-box.scss
.el-message-box {
  background-color: $--popover-background-color;
}

// tabs.scss
.el-tabs__new-tab {
  border: 1px solid $--border-color-base;
  color: $--color-text-secondary;
}

.el-tabs__item .el-icon-close:hover {
  color: $--color-black;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border-right-color: $--color-white;
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid $--border-color-light;
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-top-color: $--border-color-light;
  border-bottom-color: $--border-color-light;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border-left-color: $--color-white;
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid $--border-color-light;
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-top-color: $--border-color-light;
  border-bottom-color: $--border-color-light;
}

// tree.scss
.el-tree {
  background: none;
}

// alert.scss
.el-alert.is-dark .el-alert__closebtn,
.el-alert.is-dark .el-alert__description {
  color: $--color-black;
}

.el-alert--success.is-dark {
  color: $--color-black;
}

.el-alert--info.is-dark {
  color: $--color-black;
}

.el-alert--warning.is-dark {
  color: $--color-black;
}

.el-alert--error.is-dark {
  color: $--color-black;
}

// loading.scss
.el-loading-mask {
  background-color: rgba(0, 0, 0, .9);
}

// progress.scss
.el-progress-bar__innerText {
  color: $--color-black;
}

// upload.scss
.el-upload--picture-card {
  background-color: $--background-color-base;
  border: 1px dashed $--border-color-base;
}

.el-upload--picture-card i {
  color: $--color-text-regular;
}

.el-upload-dragger {
  background-color: $--color-white;
  border: 1px dashed $--border-color-base;
}

.el-upload-list__item .el-icon-close {
  transform: scale(1);
}

.el-upload-list--picture-card .el-upload-list__item {
  background-color: $--color-white;
  border: 1px solid $--border-color-base;
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
  color: $--color-black;
}

.el-upload-list--picture-card .el-upload-list__item-actions {
  color: $--color-black;
}

.el-upload-list--picture .el-upload-list__item {
  background-color: $--color-white;
  border: 1px solid $--border-color-base;
}

.el-upload-list--picture .el-upload-list__item .el-icon-check,
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
  color: $--color-black;
}

.el-upload-list--picture .el-upload-list__item-status-label {
  box-shadow: none;
}

.el-upload-cover__label i {
  color: $--color-black;
}

.el-upload-cover__interact .btn {
  color: $--color-black;
}

.el-upload-cover__interact .btn i {
  color: $--color-black;
}

// spinner.scss
.el-spinner-inner .path {
  stroke: $--border-color-light;
}

// message.scss
// .el-message {
//   border-color: $--color-primary-light-8;
// }

// badge.scss
.el-badge__content {
  color: $--color-black;
}

// carousel.scss
.el-carousel__arrow {
  color: $--color-black;
}

.el-carousel__button {
  background-color: $--color-black;
}

// cascader.scss
.el-cascader__tags .el-tag {
  background: $--color-info-lighter;
}

.el-cascader__tags .el-tag .el-icon-close {
  color: $--color-black;
}

// color-picker.scss
.el-color-svpanel__cursor > div {
  cursor: pointer;
}

.el-color-dropdown__btn {
  border: 1px solid $--border-color-base;
  color: $--color-text-primary;
}

.el-color-dropdown__btn[disabled] {
  color: $--color-text-placeholder;
}

.el-color-picker__trigger {
  border: 1px solid $--border-color-light;
}

.el-color-picker__color {
  border: 1px solid $--color-text-placeholder;
}

.el-color-picker__icon {
  color: $--color-black;
}

.el-color-picker__panel {
  background-color: $--popover-background-color;
}

// transfer.scss
.el-transfer__button {
  color: $--color-black;
}

.el-transfer-panel {
  background: none;
}

.el-transfer-panel .el-transfer-panel__footer {
  background: none;
}

// timeline-item.scss
.el-timeline-item__icon {
  color: $--color-black;
}

// calendar.scss
.el-calendar {
  background-color: $--color-white;
}

.el-calendar__title {
  color: $--color-text-primary;
}

// drawer.scss
.el-drawer__header {
  color: $--color-text-regular;
}

// 空视图
.ele-empty-icon-default-ellipse {
  fill: $--border-color-extra-light;
}

.ele-empty-icon-default-g {
  stroke: $--border-color-base;
}

.ele-empty-icon-default-path {
  fill: $--border-color-extra-light;
}

